<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="black"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black"
      data-section-id="607bf7274e53660217010cd5"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 264px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../../assets/imgs/SMB_banner.jpeg"
            data-image="../../assets/imgs/SMB_banner.jpeg"
            data-image-dimensions="650x428"
            data-image-focal-point="0.2937062937062937,0.27100631019594823"
            data-load="false"
            elementtiming="nbf-background"
            src="../../assets/imgs/SMB_banner.jpeg"
            width="650"
            height="428"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="
              display: block;
              object-position: 29.37062937062937% 27.10063101959482%;
            "
            srcset="
              ../../assets/imgs/SMB_banner.jpeg?format=100w   100w,
              ../../assets/imgs/SMB_banner.jpeg?format=300w   300w,
              ../../assets/imgs/SMB_banner.jpeg?format=500w   500w,
              ../../assets/imgs/SMB_banner.jpeg?format=750w   750w,
              ../../assets/imgs/SMB_banner.jpeg?format=1000w 1000w,
              ../../assets/imgs/SMB_banner.jpeg?format=1500w 1500w,
              ../../assets/imgs/SMB_banner.jpeg?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h2
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="preScale scaleIn h2-1"
                      >
                        Continuously track and analyse sleep information
                      </h2>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme=""
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="link-img">
                <div>
                  <div class="link-box">
                    <router-link class="link-1" to="/productsmenu"
                      >Full Product Menu</router-link
                    >
                  </div>
                  <div class="img-box">
                    <img
                      data-stretch="false"
                      data-src="../../assets/imgs/sleepmb1.png"
                      data-image="../../assets/imgs/sleepmb1.png"
                      data-image-dimensions="384x124"
                      data-image-focal-point="0.5,0.5"
                      alt="Picture 1.png"
                      data-load="false"
                      elementtiming="system-image-block"
                      src="../../assets/imgs/sleepmb1.png"
                      width="384"
                      height="124"
                      sizes="(max-width: 640px) 100vw, (max-width: 767px) 50vw, 50vw"
                      style="
                        display: block;
                        object-fit: cover;
                        width: 100%;
                        height: 100%;
                        object-position: 50% 50%;
                      "
                      onload='this.classList.add("loaded")'
                      srcset="
                        ../../assets/imgs/sleepmb1.png?format=100w   100w,
                        ../../assets/imgs/sleepmb1.png?format=300w   300w,
                        ../../assets/imgs/sleepmb1.png?format=500w   500w,
                        ../../assets/imgs/sleepmb1.png?format=750w   750w,
                        ../../assets/imgs/sleepmb1.png?format=1000w 1000w,
                        ../../assets/imgs/sleepmb1.png?format=1500w 1500w,
                        ../../assets/imgs/sleepmb1.png?format=2500w 2500w
                      "
                      loading="lazy"
                      decoding="async"
                      data-loader="sqs"
                      class="loaded"
                    />
                  </div>
                </div>
                <div class="img-box">
                  <img
                    data-stretch="false"
                    data-src="../../assets/imgs/sleepmb2.png"
                    data-image="../../assets/imgs/sleepmb2.png"
                    data-image-dimensions="616x240"
                    data-image-focal-point="0.5,0.5"
                    alt="Picture 2.png"
                    data-load="false"
                    elementtiming="system-image-block"
                    src="../../assets/imgs/sleepmb2.png"
                    width="616"
                    height="240"
                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 50vw, 50vw"
                    style="
                      display: block;
                      object-fit: cover;
                      width: 100%;
                      height: 100%;
                      object-position: 50% 50%;
                    "
                    onload='this.classList.add("loaded")'
                    srcset="
                      ../../assets/imgs/sleepmb2.png?format=100w   100w,
                      ../../assets/imgs/sleepmb2.png?format=300w   300w,
                      ../../assets/imgs/sleepmb2.png?format=500w   500w,
                      ../../assets/imgs/sleepmb2.png?format=750w   750w,
                      ../../assets/imgs/sleepmb2.png?format=1000w 1000w,
                      ../../assets/imgs/sleepmb2.png?format=1500w 1500w,
                      ../../assets/imgs/sleepmb2.png?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                    class="loaded"
                  />
                </div>
              </div>
              <div class="tip1-botm">
                <h3><strong>Sleep Monitoring Belt S-B02</strong></h3>
              </div>
              <div class="tip2">
                <p>
                  The sleep monitoring belt adopts piezoelectric sensor
                  application technology, which can continuously track and
                  analyze the user's sleep information and health status,
                  including heart rate, respiration rate, sleep cycle, early
                  warning system and other life body movement indicators.
                </p>
              </div>
              <div class="tip1">
                <p><strong>1. Function introduction</strong></p>
              </div>
              <div class="tip1">
                <p><em>Monitor sleep</em></p>
              </div>
              <div class="tip2">
                <p>
                  The sleep monitoring belt adopts piezoelectric sensor
                  application technology, which can continuously track and
                  analyze the user's sleep information and health status,
                  including heart rate, respiration rate, sleep cycle, early
                  warning system and other life body movement indicators.
                </p>
              </div>
              <div class="tip1">
                <p>Data upload</p>
              </div>
              <div class="tip2">
                <p>
                  The data is transmitted to the Bluetooth gateway via
                  Bluetooth, and then uploaded to the health cloud platform by
                  the Bluetooth gateway.
                </p>
              </div>
              <div class="tip1">
                <p>Sleep report</p>
              </div>
              <div class="tip2">
                <p>
                  After the data is uploaded to the health cloud, a sleep report
                  is generated, and real-time reports and daily reports can be
                  viewed. Daily and monthly reports
                </p>
              </div>
              <div class="tip1">
                <p>Night monitoring</p>
              </div>
              <div class="tip2">
                <p>
                  The bed belt can detect abnormal heart rate, abnormal
                  breathing, and the state of getting out of bed, and push alarm
                  messages to the background of the system and broadcast it by
                  voice, and the guardian can quickly respond and deal with it.
                </p>
              </div>
              <div class="tip1">
                <p><strong>2. Product composition</strong></p>
              </div>
              <div class="imgp">
                <div class="img-monitor">
                  <img
                    data-stretch="false"
                    data-src="../../assets/imgs/sleepmb3.png"
                    data-image="../../assets/imgs/sleepmb3.png"
                    data-image-dimensions="428x96"
                    data-image-focal-point="0.5,0.5"
                    alt="① Power adapter ② Data cable ③ Sleep monitoring belt equipment"
                    data-load="false"
                    elementtiming="system-image-block"
                    src="../../assets/imgs/sleepmb3.png"
                    width="428"
                    height="96"
                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
                    style="
                      display: block;
                      object-fit: cover;
                      width: 100%;
                      height: 100%;
                      object-position: 50% 50%;
                    "
                    onload='this.classList.add("loaded")'
                    srcset="
                      ../../assets/imgs/sleepmb3.png?format=100w   100w,
                      ../../assets/imgs/sleepmb3.png?format=300w   300w,
                      ../../assets/imgs/sleepmb3.png?format=500w   500w,
                      ../../assets/imgs/sleepmb3.png?format=750w   750w,
                      ../../assets/imgs/sleepmb3.png?format=1000w 1000w,
                      ../../assets/imgs/sleepmb3.png?format=1500w 1500w,
                      ../../assets/imgs/sleepmb3.png?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                    class="loaded"
                  />
                  <p>
                    ① Power adapter ② Data cable ③ Sleep monitoring belt
                    equipment
                  </p>
                </div>
              </div>
              <div class="tip1">
                <p><strong>3. Product Parameters</strong></p>
              </div>
              <div class="tip2 circle">
                <p>Size 90mm×38mm×11mm, cable length 1900mm</p>
              </div>
              <div class="tip2 circle">
                <p>Weight 62g</p>
              </div>
              <div class="tip2 circle">
                <p>color: White</p>
              </div>
              <div class="tip2 circle">
                <p>Power supply 5V/1A</p>
              </div>
              <div class="tip2 circle">
                <p>Power consumption 40-60mW</p>
              </div>
              <div class="tip2 circle">
                <p>Communication protocol Bluetooth BLE</p>
              </div>
              <div class="tip1">
                <p><strong>4. How to use</strong></p>
              </div>
              <div class="tip1">
                <p>4.1 Flattening sleep monitoring belt</p>
              </div>
              <div class="tip2">
                <p>
                  Since the sleep monitoring belt will have slight creases
                  during the packaging and transportation, after opening the
                  package, please spread the monitoring belt flat on the
                  mattress, gently smooth it with your hands, and leave it for
                  30 minutes before use.
                </p>
              </div>
              <div class="tip1">
                <p>4.2 Place a sleep monitoring belt</p>
              </div>
              <div class="tip2">
                <p>
                  Lay the tidied sleep monitoring belt on the mattress or under
                  the bed sheet, about 100mm away from the pillow placement
                  position. The user needs to pay attention to the principle of
                  placing the sleep monitoring belt as close to the heart as
                  possible. Then place the controller on the side of the
                  mattress and put the power cord in place.
                </p>
              </div>
              <div class="imgp">
                <img
                  data-stretch="false"
                  data-src="../../assets/imgs/sleepmb4.png"
                  data-image="../../assets/imgs/sleepmb4.png"
                  data-image-dimensions="240x194"
                  data-image-focal-point="0.5,0.5"
                  alt="The monitoring belt should be placed under the chest"
                  data-load="false"
                  elementtiming="system-image-block"
                  src="../../assets/imgs/sleepmb4.png"
                  width="240"
                  height="194"
                  sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
                  style="
                    display: block;
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    object-position: 50% 50%;
                  "
                  onload='this.classList.add("loaded")'
                  srcset="
                    ../../assets/imgs/sleepmb4.png?format=100w   100w,
                    ../../assets/imgs/sleepmb4.png?format=300w   300w,
                    ../../assets/imgs/sleepmb4.png?format=500w   500w,
                    ../../assets/imgs/sleepmb4.png?format=750w   750w,
                    ../../assets/imgs/sleepmb4.png?format=1000w 1000w,
                    ../../assets/imgs/sleepmb4.png?format=1500w 1500w,
                    ../../assets/imgs/sleepmb4.png?format=2500w 2500w
                  "
                  loading="lazy"
                  decoding="async"
                  data-loader="sqs"
                  class="loaded"
                />
                <p>The monitoring belt should be placed under the chest</p>
              </div>
              <div class="tip2">
                <p>
                  * This product is a passive monitoring belt. Because the
                  current is less than 0.1A, the power bank cannot determine
                  whether the product needs power supply, so this type of
                  product cannot be used.
                </p>
              </div>
              <div class="tip2">
                <p>* Attention to the placement of the bed belt:</p>
              </div>
              <div class="tip2">
                <p>
                  ① Single bed, the sleep monitoring belt can be completely laid
                  on the mattress, if the single person sleeps in a wider bed,
                  the monitoring belt needs to be laid in the place where you
                  usually sleep
                </p>
              </div>
              <div class="img-box imgsize">
                <img
                  data-stretch="false"
                  data-src="../../assets/imgs/sleepmb5.png"
                  data-image="../../assets/imgs/sleepmb5.png"
                  data-image-dimensions="150x120"
                  data-image-focal-point="0.5,0.5"
                  alt="Picture 1_1.png"
                  data-load="false"
                  elementtiming="system-image-block"
                  src="../../assets/imgs/sleepmb5.png"
                  width="150"
                  height="120"
                  sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
                  style="
                    display: block;
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    object-position: 50% 50%;
                  "
                  onload='this.classList.add("loaded")'
                  srcset="
                    ../../assets/imgs/sleepmb5.png?format=100w   100w,
                    ../../assets/imgs/sleepmb5.png?format=300w   300w,
                    ../../assets/imgs/sleepmb5.png?format=500w   500w,
                    ../../assets/imgs/sleepmb5.png?format=750w   750w,
                    ../../assets/imgs/sleepmb5.png?format=1000w 1000w,
                    ../../assets/imgs/sleepmb5.png?format=1500w 1500w,
                    ../../assets/imgs/sleepmb5.png?format=2500w 2500w
                  "
                  loading="lazy"
                  decoding="async"
                  data-loader="sqs"
                  class="loaded"
                />
              </div>
              <div class="tip2">
                <p>
                  ② When two people sleep, the guardianship belt needs to be
                  placed on both sides with a gap of 15 cm in the middle, that
                  is, the bed width must be more than 160 cm.
                </p>
              </div>
              <div class="img-box imgsize-1">
                <img
                  data-stretch="false"
                  data-src="../../assets/imgs/sleepmb6.png"
                  data-image="../../assets/imgs/sleepmb6.png"
                  data-image-dimensions="252x128"
                  data-image-focal-point="0.5,0.5"
                  alt="Picture 2.png"
                  data-load="false"
                  elementtiming="system-image-block"
                  src="../../assets/imgs/sleepmb6.png"
                  width="252"
                  height="128"
                  sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
                  style="
                    display: block;
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    object-position: 50% 50%;
                  "
                  onload='this.classList.add("loaded")'
                  srcset="
                    ../../assets/imgs/sleepmb6.png?format=100w   100w,
                    ../../assets/imgs/sleepmb6.png?format=300w   300w,
                    ../../assets/imgs/sleepmb6.png?format=500w   500w,
                    ../../assets/imgs/sleepmb6.png?format=750w   750w,
                    ../../assets/imgs/sleepmb6.png?format=1000w 1000w,
                    ../../assets/imgs/sleepmb6.png?format=1500w 1500w,
                    ../../assets/imgs/sleepmb6.png?format=2500w 2500w
                  "
                  loading="lazy"
                  decoding="async"
                  data-loader="sqs"
                  class="loaded"
                />
              </div>
              <div class="tip1">
                <p><strong>4.3 Manage background operationsx</strong></p>
              </div>
              <div class="tip2">
                <p>① Bind with sleep monitoring belt</p>
              </div>
              <div class="tip2">
                <p>
                  Log in to the management background, open "Device
                  Management-Public Devices", click "Add Bed Device", select the
                  bed, select the device type "S-B02 Bluetooth Sleep Monitoring
                  Belt", and enter the device serial number. After the binding
                  is successful, the sleep monitor will flash with a blue light.
                </p>
              </div>
              <div class="img-box">
                <img
                  data-stretch="false"
                  data-src="../../assets/imgs/sleepmb7.png"
                  data-image="../../assets/imgs/sleepmb7.png"
                  data-image-dimensions="212x136"
                  data-image-focal-point="0.5,0.5"
                  alt="Picture 12.png"
                  data-load="false"
                  elementtiming="system-image-block"
                  src="../../assets/imgs/sleepmb7.png"
                  width="212"
                  height="136"
                  sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
                  style="
                    display: block;
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    object-position: 50% 50%;
                  "
                  onload='this.classList.add("loaded")'
                  srcset="
                    ../../assets/imgs/sleepmb7.png?format=100w   100w,
                    ../../assets/imgs/sleepmb7.png?format=300w   300w,
                    ../../assets/imgs/sleepmb7.png?format=500w   500w,
                    ../../assets/imgs/sleepmb7.png?format=750w   750w,
                    ../../assets/imgs/sleepmb7.png?format=1000w 1000w,
                    ../../assets/imgs/sleepmb7.png?format=1500w 1500w,
                    ../../assets/imgs/sleepmb7.png?format=2500w 2500w
                  "
                  loading="lazy"
                  decoding="async"
                  data-loader="sqs"
                  class="loaded"
                />
              </div>
              <div class="tip2">
                <p>
                  *This product is a Bluetooth sleep monitoring belt. The
                  prerequisite for use is that a Bluetooth gateway has been
                  installed in the room, and the Bluetooth gateway has been
                  bound in the management background.
                </p>
              </div>
              <div class="tip2">
                <p>*Sleep monitoring with light status</p>
              </div>
              <div class="tip2">
                <p>Blue light is always on: connect to power</p>
              </div>
              <div class="tip2">
                <p>Blue light flashes: normal operation and upload data</p>
              </div>
              <div class="tip2">
                <p>② View real-time monitoring data</p>
              </div>
              <div class="tip2">
                <p>
                  Open the management backstage "Monitoring Center-Real-time
                  Monitoring", select the bed, and click "Start Monitoring" to
                  view the real-time monitoring data of the sleep monitoring
                  belt, as shown in the figure below.
                </p>
              </div>
              <div class="img-box">
                <img
                  data-stretch="false"
                  data-src="../../assets/imgs/sleepmb8.jpg"
                  data-image="../../assets/imgs/sleepmb8.jpg"
                  data-image-dimensions="656x345"
                  data-image-focal-point="0.5,0.5"
                  alt="Picture 13.jpg"
                  data-load="false"
                  elementtiming="system-image-block"
                  src="../../assets/imgs/sleepmb8.jpg"
                  width="656"
                  height="345"
                  sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
                  style="
                    display: block;
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    object-position: 50% 50%;
                  "
                  onload='this.classList.add("loaded")'
                  srcset="
                    ../../assets/imgs/sleepmb8.jpg?format=100w   100w,
                    ../../assets/imgs/sleepmb8.jpg?format=300w   300w,
                    ../../assets/imgs/sleepmb8.jpg?format=500w   500w,
                    ../../assets/imgs/sleepmb8.jpg?format=750w   750w,
                    ../../assets/imgs/sleepmb8.jpg?format=1000w 1000w,
                    ../../assets/imgs/sleepmb8.jpg?format=1500w 1500w,
                    ../../assets/imgs/sleepmb8.jpg?format=2500w 2500w
                  "
                  loading="lazy"
                  decoding="async"
                  data-loader="sqs"
                  class="loaded"
                />
              </div>
              <div class="tip2">
                <p>③ View the sleep report</p>
              </div>
              <div class="tip2">
                <p>
                  Open the management background "Monitoring Center-Health
                  Index", select the time and bed, click the query page to
                  display the bed sleep report, click on the details to view the
                  bed's daily, weekly, and monthly sleep reports.
                </p>
              </div>
              <div class="tip2">
                <p>④ View real-time alarms</p>
              </div>
              <div class="tip2">
                <p>
                  Open the management background "Monitoring Center-real-time
                  alarm, the sleep monitoring belt detects abnormal heart rate,
                  breathing abnormality, getting out of bed, etc., will push the
                  alarm and broadcast it by voice.
                </p>
              </div>
              <div class="tip1">
                <p><strong>5. Matters Needing Attention</strong></p>
              </div>
              <div class="matters">
                <div class="tip2">
                  <p>
                    1. This product is not a toy. Do not let children play with
                    this product to prevent the sensor band from wrapping around
                    the children’s neck and suffocating;
                  </p>
                </div>
                <div class="tip2">
                  <p>
                    2. The equipment should not be used and stored in places
                    where the air pressure is too high, the temperature and
                    humidity exceed the usual standards, the ventilation is
                    poor, the dust content is too large, or there are corrosive
                    or explosive gases and chemicals;
                  </p>
                </div>
                <div class="tip2">
                  <p>3. Do not try to remove the sleep monitor belt.\</p>
                </div>
              </div>
              <div class="tip1">
                <p><strong>6. After-sales service</strong></p>
              </div>
              <div class="tip2">
                <p>
                  The company provides customers with a one-year warranty. If
                  quality problems are found, customers can enjoy the
                  three-guarantee rights at the seller with the purchase invoice
                  and the three-guarantee certificate. The following conditions
                  are not covered by the warranty, I hope to pay attention:
                </p>
              </div>
              <div class="matters">
                <div class="tip2">
                  <p>
                    1. The validity period of the three packs is exceeded or the
                    content on the three packs voucher is inconsistent with the
                    physical product identification or altered;
                  </p>
                </div>
                <div class="tip2">
                  <p>
                    2. Failure or damage to the product caused by failure to
                    follow the instructions for use; failure or damage caused by
                    the use of non-product accessories, such as non-product
                    power adapters;
                  </p>
                </div>
                <div class="tip2">
                  <p>
                    3. Private modification of hardware or software causes
                    malfunction or damage;
                  </p>
                </div>
                <div class="tip2">
                  <p>
                    3. Product failure or damage caused by accident, force
                    majeure or other non-quality problems.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    /* font-size: calc((4 - 2)* 1.2vw + 1rem); */
  }
  h2 {
    font-size: calc(1.8 * 1.2vw + 1rem);
    font-weight: 500;
  }
  .h1-1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px) {
  .content {
    width: 75%;
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h3 {
    font-size: calc(1.1 * 1.2vw + 1rem);
  }
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 66vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.h2-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(.editmode-changing-rowcount) {
  align-items: center;
}
.page-section.section-height--small:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: inherit;
}
.sqs-col-12 {
  width: 100%;
}
.link-img {
  display: flex;
}
.link-box {
  padding-bottom: 36px;
}
.link-1 {
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #000;
  font-size: 14px;
}
.img-box {
  max-width: 390px;
  margin: 0 auto;
}
.tip1-botm {
  padding-bottom: 17px;
  text-align: center;
}
.tip1 h3 {
  margin-bottom: 0;
  text-align: center;
}
.tip2 {
  /* padding-bottom: 17px; */
  word-wrap: break-word;
  color: #333;
  font-family: poppins;
  font-weight: 300;
  line-height: 30px;
  position: relative;
}
.circle p {
  padding-left: 60px;
}
.circle::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
}
.tip3 p {
  margin: 17px 0;
  color: rgb(0, 36, 82);
}
.h3Css {
  padding-bottom: 0;
}
.h3Css h3 {
  text-align: left;
}
.imgp {
  text-align: center;
}
.imgp img {
  max-width: 240px;
  margin: 0 auto;
}
.matters {
  padding-left: 60px;
}
.img-monitor {
  max-width: 428px;
  margin: 0 auto;
}
.img-monitor img {
  max-width: inherit;
}
.imgsize {
  max-width: 150px;
}
.imgsize-1 {
  max-width: 252px;
}
@media screen and (max-width: 767px) {
  .link-img {
    display: block;
  }
}
</style>
